<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>藏茶官网</title>
    <link rel="stylesheet" type="text/css" href="css/public.css">
    <link rel="stylesheet" type="text/css" href="css/other.css">
</head>
<body>
<!-- 头部内容-->
<div class="header">
    <div class="top clear">
        <div class="w">
            <div class="fl">
                欢迎光临包沃特官网！
            </div>
            <div class="fr">
                <a href="###">关注官方微博</a>
                <img src="images/main/header_line.png" alt=""/>
                <a href="###">关注官方微信</a>
                <img src="images/main/header_line.png" alt=""/>
                <a href="###">联系我们 </a>
            </div>
        </div>
    </div>
    <div class="header_con clear">
        <div class="w">
            <h1 class="fl">
                <a href="###"><img src="images/main/logo.png" width="142" height="48" alt="logo"/></a>
            </h1>
            <div class="fl">
                <p>
                    <span>国家工信部无机材料</span>
                    重大科技成果唯一转化基地 <img src="images/main/level.png" alt=""/> 国家级高新技术企业
                </p>
            </div>
            <div class="fr">
                <p>全国服务热线：</p>
                <img src="images/main/number.png" width="182" height="21" alt="电话号码"/>
            </div>
        </div>
    </div>
</div>
<!--导航内容-->
<div class="nav">
    <ul class="clear w">
        <li class="current"><a href="###">首页</a></li>
        <li><a href="###">产品中心</a></li>
        <li><a href="###">招商加盟</a></li>
        <li><a href="###">工程案例 </a></li>
        <li><a href="###">新闻中心</a></li>
        <li><a href="###">关于我们</a></li>
        <li><a href="###">联系我们</a></li>
    </ul>
</div>
<!--banner图-->
<div class="banner_pic" style="background: url(images/banner/banner_01.jpg) no-repeat 50% 0;"></div>
<!-- 主要内容-->
<div class="content">
    <div class="guide w">
        <span>您的位置:</span>
        <a href="###">首页</a>
        <span>&gt</span>
        <a href="javascript:;">联系我们</a>
    </div>
    <div class="contact w">
         <div class="contact_tit">
             <span>联系我们</span><strong>Contact us</strong>
         </div>
        <div class="contact_con clear">
            <div class="fl">
                <p class="p_1"><span>公司地址：</span>甘肃省金昌市经济技术开发区新华大道东端</p>
                <p class="p_2"><span>办公电话：</span>400-519-1580</p>
                <p class="p_3"><span>Q &nbsp;&nbsp;&nbsp;&nbsp;  Q ：</span>100622459</p>
                <p class="p_4"><span>微 &nbsp;&nbsp;&nbsp;&nbsp; 信：</span>13062266622</p>
                <p class="p_5"><span>邮 &nbsp;&nbsp;&nbsp;&nbsp; 箱：</span>531789926</p>
                <div id="panelWrap" style="width:370px;height:370px;overflow:auto;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;">
                    <div id="panel" style="width:100%;height:100%;"><div style="display: none; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: rgb(153, 76, 0); background: rgb(255, 221, 153);"></div><div></div></div>
                </div>
            </div>
            <div class="fr">
                <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=M0XfcTzWnq92l8brX7PoyGZU"></script>
                <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&amp;ak=M0XfcTzWnq92l8brX7PoyGZU&amp;services=&amp;t=20160304191045"></script>
                <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
                <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css">
                <div id="allmap" style="overflow:hidden;zoom:1;position:relative;">
                    <div id="map" style="height: 100%; transition: all 0.5s ease-in-out; overflow: hidden; position: relative; z-index: 0; color: rgb(0, 0, 0); text-align: left; background-color: rgb(243, 241, 236);"><div style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: url(http://api0.map.bdimg.com/images/openhand.cur) 8 8, default;"><div class="BMap_mask" style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; -webkit-user-select: none; width: 606px; height: 515px;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"><div style="position: absolute; height: 0px; width: auto; left: 0px; top: 0px; z-index: 800;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;"><span class="BMap_Marker BMap_noprint" unselectable="on" "="" style="position: absolute; padding: 0px; margin: 0px; border: 0px; cursor: pointer; width: 19px; height: 25px; left: 293px; top: 261px; z-index: -6278396; background: url(http://api0.map.bdimg.com/images/blank.gif);" title=""></span><span class="BMap_Marker BMap_noprint" unselectable="on" "="" style="position: absolute; padding: 0px; margin: 0px; border: 0px; cursor: pointer; width: 18px; height: 18px; left: 326px; top: 274px; z-index: 19000000; -webkit-user-select: none; display: none; background: url(http://api0.map.bdimg.com/images/blank.gif);" title=""></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"><label class="BMapLabel" unselectable="on" style="position: absolute; display: none; cursor: inherit; border: 1px solid rgb(190, 190, 190); padding: 1px; white-space: nowrap; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: normal; font-family: arial, sans-serif; z-index: -20000; color: rgb(190, 190, 190); background-color: rgb(190, 190, 190);">shadow</label><label class="BMapLabel" unselectable="on" style="position: absolute; cursor: inherit; border: 1px solid rgb(140, 140, 140); padding: 1px; white-space: nowrap; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: normal; font-family: arial, sans-serif; z-index: -6278440; -webkit-user-select: none; color: rgb(77, 77, 77); left: 231px; top: 258px; display: none; background-color: rgb(255, 255, 225);">点击可查看详情</label></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"><span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: 293px; top: 261px; z-index: -6278396;"><div style="position: absolute; margin: 0px; padding: 0px; width: 19px; height: 25px; overflow: hidden;"><img src="http://api0.map.bdimg.com/images/marker_red_sprite.png" style="display: block; border:none;margin-left:0px; margin-top:0px; "></div></span><span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: 326px; top: 274px; z-index: 19000000; display: none;"><div style="position: absolute; margin: 0px; padding: 0px; width: 18px; height: 18px; overflow: hidden;"><img src="http://api0.map.bdimg.com/images/spotmkrs.png" style="display: block; border:none;margin-left:-160px; margin-top:-244px; "></div></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;"><span unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 20px; height: 11px; left: 297px; top: 275px;"><div style="position: absolute; margin: 0px; padding: 0px; width: 20px; height: 11px; overflow: hidden;"><img src="http://api0.map.bdimg.com/images/marker_red_sprite.png" style="display: block; border:none;margin-left:-19px; margin-top:-13px; "></div></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 201;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 1;"><div style="position: absolute; overflow: visible; z-index: -100; left: 303px; top: 257px; display: block; transform: translate3d(0px, 0px, 0px);"><img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=52723&amp;y=14301&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20160304" style="position: absolute; border: none; width: 256px; height: 256px; left: -161px; top: 17px; max-width: none; opacity: 1;"><img src="http://online3.map.bdimg.com/tile/?qt=tile&amp;x=52722&amp;y=14301&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20160304" style="position: absolute; border: none; width: 256px; height: 256px; left: -417px; top: 17px; max-width: none; opacity: 1;"><img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=52722&amp;y=14302&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20160304" style="position: absolute; border: none; width: 256px; height: 256px; left: -417px; top: -239px; max-width: none; opacity: 1;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=52723&amp;y=14302&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20160304" style="position: absolute; border: none; width: 256px; height: 256px; left: -161px; top: -239px; max-width: none; opacity: 1;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=52724&amp;y=14301&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20160304" style="position: absolute; border: none; width: 256px; height: 256px; left: 95px; top: 17px; max-width: none; opacity: 1;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=52724&amp;y=14302&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20160304" style="position: absolute; border: none; width: 256px; height: 256px; left: 95px; top: -239px; max-width: none; opacity: 1;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=52723&amp;y=14303&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20160304" style="position: absolute; border: none; width: 256px; height: 256px; left: -161px; top: -495px; max-width: none; opacity: 1;"><img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=52724&amp;y=14303&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20160304" style="position: absolute; border: none; width: 256px; height: 256px; left: 95px; top: -495px; max-width: none; opacity: 1;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=52722&amp;y=14303&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20160304" style="position: absolute; border: none; width: 256px; height: 256px; left: -417px; top: -495px; max-width: none; opacity: 1;"></div></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 2; display: none;"><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 0; display: none;"></div></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 3;"></div></div><div class="pano_close" title="退出全景" style="z-index: 1201; display: none;"></div><a class="pano_pc_indoor_exit" title="退出室内景" style="z-index: 1201; display: none;"><span style="float:right;margin-right:12px;">出口</span></a><div class=" anchorBL" style="height: 32px; position: absolute; z-index: 30; bottom: 0px; right: auto; top: auto; left: 1px;"><a title="到百度地图查看此区域" target="_blank" href="http://map.baidu.com/?sr=1" style="outline: none;"><img style="border:none;width:77px;height:32px" src="http://api0.map.bdimg.com/images/copyright_logo.png"></a></div><div id="zoomer" style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:url(http://api0.map.bdimg.com/images/openhand.cur) 8 8,default"><div class="BMap_zoomer" style="top:0;left:0;"></div><div class="BMap_zoomer" style="top:0;right:0;"></div><div class="BMap_zoomer" style="bottom:0;left:0;"></div><div class="BMap_zoomer" style="bottom:0;right:0;"></div></div><div unselectable="on" class=" BMap_cpyCtrl BMap_noprint anchorBL" style="cursor: default; white-space: nowrap; color: black; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: 15px; font-family: arial, sans-serif; bottom: 2px; right: auto; top: auto; left: 81px; position: absolute; z-index: 10; background: none;"><span _cid="1" style="display: inline;"><span style="font-size:11px">© 2016 Baidu&nbsp;- Data © <a target="_blank" href="http://www.navinfo.com/" style="display:inline;">NavInfo</a> &amp; <a target="_blank" href="http://www.cennavi.com.cn/" style="display:inline;">CenNavi</a> &amp; <a target="_blank" href="http://www.365ditu.com/" style="display:inline;">道道通</a></span></span></div></div>
                </div>
            </div>
        </div>
        <div class="contact_c">
            <div class="contact_tit">
                <span>在线留言</span><strong>Online message</strong>
            </div>
            <form action="">
                <div class="clear">
                    <div class="form-item name"><input type="text" name="name" value="姓名"/><span class="noBg"></span><label>必填</label></div>
                    <div class="form-item tel"><input type="text" name="tel" value="手机号"/><span class="noBg"></span><label>必填</label></div>
                    <div class="form-item qq"><input type="text" name="qq" value="QQ"/><span class="noBg"></span><label>必填</label></div>
                    <div class="form-item email"><input type="text" name="email" value="邮箱"/><span class="noBg"></span><label>必填</label></div>
                    <div class="form-item firm"><input type="text" name="firm" value="公司"/></div>
                    <div class="form-item post"><input type="text" name="post" value="职位"/></div>
                </div>
                <div class="form-item contents">
                    <div class="leave">留言不能为空</div>
                    <textarea name="content">请输入内容</textarea>
                </div>
                <div class="join-btn"><input class="btn-sub" value="提交" type="submit"><input class="btn-res" value="重置" type="reset"></div>
            </form>
        </div>
    </div>
</div>
<!--留言成功提示-->
<div class="reminder">恭喜您，留言成功</div>
<!-- 页脚内容-->
<div class="footer">
    <div class="footer_nav">
        <a href="###">首页</a>
        <a href="###">产品中心</a>
        <a href="###">招商加盟</a>
        <a href="###">工程案例</a>
        <a href="###">新闻中心</a>
        <a href="###">关于我们</a>
        <a href="###" class="no_border">联系我们</a>
    </div>
    <div class="foot_text">
        <p><img src="images/main/erweima.jpg" alt="二维码"/></p>
        <p>地址：甘肃省金昌市经济技术开发区新华大道东端</p>
        <p>
            电话：0935-8317278 &nbsp;&nbsp; 8829100 &nbsp;&nbsp; 传真：0938-8829122 &nbsp;&nbsp; E-mail：jcswlsy@163.com
        </p>
        <p class="contact">Copyright &nbsp; 2015 &nbsp; 金昌市万隆实业有限公司 &nbsp; ALL Rights Reserved &nbsp; 渝ICP备：14005672号 &nbsp; 技术支持：九口袋</p>
    </div>
</div>
<!--js文件-->
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/effect.js"></script>
<script>
    // 百度地图API功能
    var map = new BMap.Map('map');
    var poi = new BMap.Point(102.311947,38.5258761);
    map.centerAndZoom(poi, 18);
    map.disableScrollWheelZoom();
    //    var poi = new BMap.Point(102.309755,38.528148);
    var navigationControl = new BMap.NavigationControl({
        // 靠左上角位置
        anchor: BMAP_ANCHOR_TOP_LEFT,
        // LARGE类型
        type: BMAP_NAVIGATION_CONTROL_LARGE,
        // 启用显示定位
        enableGeolocation: true
    });
    map.addControl(navigationControl);
    // 添加定位控件
    var geolocationControl = new BMap.GeolocationControl();
    geolocationControl.addEventListener("locationSuccess", function(e){
        // 定位成功事件
        var address = '';
        address += e.addressComponent.province;
        address += e.addressComponent.city;
        address += e.addressComponent.district;
        address += e.addressComponent.street;
        address += e.addressComponent.streetNumber;
        alert("当前定位地址为：" + address);
    });
    geolocationControl.addEventListener("locationError",function(e){
        // 定位失败事件
        alert(e.message);
    });
    map.addControl(geolocationControl);
    setTimeout(function(){
        map.setZoom(14);
    }, 2000);  //2秒后放大到14级
    map.enableScrollWheelZoom(true);
    var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
            '地址：甘肃省金昌市经济技术开发区新华大道东端<br/>电话：400-519-1580<br/>' +
            '</div>';

    //创建检索信息窗口对象
    var searchInfoWindow = null;
    searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
        title  : "金昌市万隆实业有限公司",      //标题
        width  : 290,             //宽度
        height : 105,              //高度
        panel  : "panel",         //检索结果面板
        enableAutoPan : true,     //自动平移
        searchTypes   :[
            BMAPLIB_TAB_TO_HERE,   //到这里去
            BMAPLIB_TAB_FROM_HERE, //从这里出发
            BMAPLIB_TAB_SEARCH     //周边检索
        ],
        enableSendToPhone: false //是否启用发送到手机
    });
    var marker = new BMap.Marker(poi); //创建marker对象
    marker.enableDragging(); //marker可拖拽
    marker.addEventListener("click", function(e){
        searchInfoWindow.open(marker);
    })
    map.addOverlay(marker); //在地图中添加marker
    searchInfoWindow.open(marker); //在marker上打开检索信息串口
    function $$(id){
        return document.getElementById(id);
    }
    var isPanelShow = false;
</script>
</body>
</html>